<template>
  <view>
    <u-navbar title="房屋出租发布" title-size="36" :border-bottom="false"> </u-navbar>
    <u-gap height="20"></u-gap>
    <view class="card">
      <HouseCz></HouseCz>
    </view>
    <u-gap height="20"></u-gap>
    <view class="card">
      <PushUpload></PushUpload>
    </view>
    <view class="fixed-wapper">
      <view class="floor-tip">
        <view @click="checked = !checked">
          <u-icon
            :name="checked ? '/static/selected.png' : '/static/unselect.png'"
            size="35"
            style="margin-right: 10rpx; margin-top: 12rpx"
          ></u-icon>
        </view>
        <text>我已阅读并同意</text>
        <text style="color: #fa453c" @click="routeTo('')">《平台代理协议》</text>
      </view>
      <view @click="submit" class="submit-btn btn"> 确认发布 </view>
    </view>
  </view>
</template>

<script>
import HouseCz from './components/house-chuzhu.vue'
import PushUpload from './components/upload.vue'

export default {
  components: {
    HouseCz,
    PushUpload
  },
  data() {
    return {
      checked: true
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
@import url('@/style/btn.css');

.fixed-wapper {
  background-color: #fff;
  width: 100%;
  left: 0;
  padding-left: 4%;

  .submit-btn {
    width: 96%;
  }

  .floor-tip {
    display: flex;
    align-items: center;
    padding: 20rpx;
    font-size: 28rpx;
    color: #333333;
    width: 100%;
  }
}
.card {
  // padding: 0 20rpx;
  background-color: #fff;
}
</style>
